package com.kt.app.ui.components


import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.size
import androidx.compose.material3.Divider
import androidx.compose.material3.HorizontalDivider
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp

@Composable
fun SpacerSample() {
    Column(modifier = Modifier.size(200.dp)
        .background(Color.Green)
    ) {
            Text(
                text = "Spacer first item",
                modifier = Modifier.background(Color.Red)
            )
//        Spacer(modifier = Modifier.size(5.dp))
        Spacer(modifier = Modifier.weight(10f))
        HorizontalDivider()
        Text(
            text = "Spacer second item",
            modifier = Modifier.background(Color.Blue)
        )

    }


}

@Preview
@Composable
fun SpacerSamplePreview() {
    SpacerSample()
}

